<script setup lang="ts">
import { useCounterStore } from "../store/counter";

const counter = useCounterStore();
</script>

<template>
  <div
    class="hero min-h-[30rem] rounded"
    style="background-image: url('/_nuxt/assets/images/homePage.jpg')"
  >
    <div class="hero-overlay rounded bg-opacity-60"></div>
    <div class="text-center hero-content text-neutral-content">
      <div class="max-w-md">
        <h1 class="mb-5 text-5xl font-bold">Hello there</h1>
        <p class="mb-5">
          Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda
          excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a
          id nisi.
        </p>
        <button class="btn btn-primary">Get Started</button>
      </div>
    </div>
  </div>
</template>
